<template>
<div class="layerRtb layerRtb-threecolumn layerRtb-right">
    <three-title :title="{name: '培训'}" :close="false">
        <span tag="i" class="rig_close fr" @click="$parent.$parent.clickFourShow()"></span>
    </three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" >
                <div class="analyItem">
            <p class="analyItemTit tx-center">审计</p>
            <div class="analyItemCon">
                <p class="col-md-6">
                            <span class="">课程名称：</span>
                            <span class="">项目接单</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                  <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">接单2个</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="80" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                            <p>规则是课程内容：意向、图纸、审计成本、接单</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
                <div class="analyItem">
            <p class="analyItemTit tx-center">准备</p>
            <div class="analyItemCon">
                     <p class="col-md-6">
                               <span class="">课程名称：</span>
                            <span class="">项目订单</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                 <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">接单2个</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="30" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                            <p>规则是课程内容：物业办理、现场保护、形象布置、</p>
                                            <p>临电布置、开工 仪式</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
                <div class="analyItem">
            <p class="analyItemTit tx-center">在施</p>
            <div class="analyItemCon">
           <p class="col-md-6">
                               <span class="">课程名称：</span>
                            <span class="">项目工人</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                 <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">分派10人</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="50" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                              <p>规则是课程内容：分配工作量、确定人员、确定工期、确定价格、下单</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">在施</p>
            <div class="analyItemCon">
                      <p class="col-md-6">
                               <span class="">课程名称：</span>
                            <span class="">项目质量</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">验收订单质量80%</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="90" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                              <p>规则是课程内容：工艺验收、人员评价</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
                <div class="analyItem">
            <p class="analyItemTit tx-center">在施</p>
            <div class="analyItemCon">
                        <p class="col-md-6">
                               <span class="">课程名称：</span>
                            <span class="">项目订单</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                 <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">完成8个订单</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="70" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                              <p>规则是课程内容：安全、形象、环境</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">在施</p>
            <div class="analyItemCon">
                      <p class="col-md-6">
                               <span class="">课程名称：</span>
                            <span class="">项目材料</span>
                </p>
                <p class="col-md-6">
                            <span class="">学习时间：</span>
                </p>
                 <p class="col-md-6">
                            <span class="">考核标准：</span>
                            <span class="">材料下单占比80%</span>
                </p>
                <p class="col-md-6">
                    <span class="fl">考核进度：</span>
                   <el-progress :text-inside="true" class="pressWidth"  :stroke-width="15" :percentage="60" status="success">  </el-progress>
                </p>
                       <div class="fixedTrangle">
                        <span href="javascript:" class="fixedtips">
                            </span>
                             <div class="fixedtipscon pt10 pb10">
                                        <i>
                                        </i>
                                    <div>
                                        <div>
                                            <p>规则是课程内容：储值卡 、厂家材料下单、合作材料商录入</p>
                                        </div>
                                  </div>
                            </div>
                    </div>
            </div>
        </div>
    </div>
    <div  class="layerRtb-footer">
        <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">
                <div class="tx-center"><input type="button" value="确定" @click="submission()" class="uiBtn-normal uiBtn-blue"></div>
        </div>
    </div>
</div>
</div>
</template>
<script>
import {mapGetters, mapMutations} from 'vuex'
export default {
    components: {

    },
    data () {
        return {
            clickIndex: '',
            editindex: 0,
            surment: '测试',
            preName: '',
            surmentpress: '接单多，特殊工艺',
            zhuanye: '填写我的专业'
        }
    },
    props: ['fourIndex'],
    created () {
        if (this.fourIndex === 1) {
            this.preName = '学历'
        } else if (this.fourIndex === 2) {
            this.preName = '品德'
        } else if (this.fourIndex === 3) {
            this.preName = '性格'
        } else if (this.fourIndex === 4) {
            this.preName = '思维'
        } else if (this.fourIndex === 5) {
            this.preName = '能力'
        } else if (this.fourIndex === 6) {
            this.preName = '标准'
        }
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    methods: {
        ...mapMutations({
            setUpdateLeft: 'SET_UPDATE_LEFT',
            setUpdatePlate: 'SET_UPDATE_PLATE'
        }),
        climenerfin () {
            this.editindex = 1
        },
        climenparmes (index) {
            if (index === 2) {
                this.editindex = 0
            } else {

            }
        },
        clickPress (index) {
            this.clickIndex = index
        }
    }
}
</script>
<style>
.uiBtn-blue {
    text-align: center !important;
    background: #09f !important;
    color: #fff !important;
    cursor: pointer;
}
.senversebt{
  width: 87px;
}
.imgbox {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
}
.pressWidth{
        float: left;
    width: 177px;
    line-height: 26px;
}
</style>
